<!doctype html>
<html class="no-js" lang="en">
	<head>
		<meta charset="utf-8">
		<title>Our first responsive web page with HTML5 and CSS3</title>
		<meta name="description" content="A basic responsive web page – an example from Chapter 1">
		<meta name="viewport" content="width=device-width">
		<link rel="stylesheet" href="css/styles.css">
	</head>
	<style>
		iframe{
			width:750px;
			height:500px;
		}
	</style>
        <body>
    <script type='text/javascript' src='../static/js/jquery-2.1.1.min.js'></script>
    <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
    <style>
			.navbar-nav>li>a:hover {
				background: #555 !important;
				color: 	#E6E6FA !important;
			}

			.navbar-nav>li:last-of-type>a {
				border: 0;
			}

			@media ( min-width: 768px) {
				.navbar-nav>li>a {
					text-align: center;
					border-right: 1px solid rgba(0, 0, 0, 0.1)
				}
			}
    </style>

    <br />

    <div class="container">
        <nav class="navbar navbar-default equinav" role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
				        <span class="icon-bar"></span>
			        
				</div>

				<div class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li>
							<a href="entry">首页</a>
						</li>
						
						
					</ul>
				</div>
			</nav>
		</div>

		<script src="../static/js/index.js"></script>
	<body>
		<div class="Header">
			<a href="/" class="LogoWrapper"><img src="https://images.gitee.com/uploads/images/2019/0104/233544_92b409aa_1922090.jpeg" alt="Scone O'Clock logo" /></a>
			<p class="Strap">权利的游戏——史塔克家族人物介绍</p>
		</div>
		<div class="IntroWrapper">
			<p class="IntroText">罗柏史塔克（ Robb Stark），又称少狼主（ Young Wolf），是艾德和凯特琳的长子与北境继承人，是乔治·R·R·马丁的长篇史诗奇幻小说《冰与火之歌》中的人物。</p>
			<div class="MoneyShot">
				<img class="MoneyShotImg" src="https://images.gitee.com/uploads/images/2019/0104/233624_47bc4a1b_1922090.jpeg" alt="Incredible scones" />
				<p class="ImageCaption">Incredible scones, picture from Baidu.</p>
			</div>
		</div>
		<p>Love’s not always wise,</p>
		<p>I’ve learned.</p>
		<p>—— Robb Stark</p>
		<img class="MoneyShotImg" src="https://images.gitee.com/uploads/images/2019/0104/234007_ada7eef0_1922090.jpeg" alt="Incredible scones" />
		<div class="Ingredients">
			<h3 class="SubHeader">角色设定</h3>
			<ul>
				<li>全名：罗柏·史塔克（ Robb Stark）</li>
				<li>头衔：北境之王</li>
				<li>外貌特征：大部分承袭自他母亲的家族———蓝色眼眸、红褐色头发、身材硕壮</li>
				<li>出生地：奔流城</li>
				<li>出生时间：伊耿历283年（283AL）</li>
				<li>冰原狼：灰风（Grey Wind） </li>
				<li>性格：继承了他父亲的性格，恪守荣誉、为人忠诚、秉持正义</li>
				<li>亲人：父亲，母亲，两个兄弟，两个妹妹</li>
			</ul>
		</div>
		<img class="MoneyShotImg" src="https://images.gitee.com/uploads/images/2019/0104/233658_16bdcf33_1922090.jpeg" alt="Incredible scones" />
		<div class="HowToMake">
			<h3 class="SubHeader">人物评价</h3>
			<ol class="MethodWrapper">
				<li>权力的游戏犹如冰川，厚实的冰块表面平静异常，而内部则暗藏汹涌，危险莫名。人处其中，果真须如履薄冰，如临深渊。琼恩·艾林死了；艾德·史塔克在阴沟里翻船，甚至七大王国的国王劳勃·拜拉席恩也难逃厄运，是孤舟行驶于暴风雨的海上，一个大浪足以使人永不翻生，凶险难料。冷眼观看尔虞我诈的君临，当还处在《冰与火之歌》平淡的情节上慢慢前进时，终于在临冬城响起了沉睡百年的喊声，打破了七大王国平静的外面，露出其残破不堪的内在。大琼恩就说了六个字，仅仅只有六个字，但这已经足够。“北境之王万岁”如一声响雷撕裂了沉闷的局势，破坏了暗川的宁静，预示着大浪的来临，吹响了战争的号角。这一声，不亚于传说中的冬之号角，七大王国如绝境长城般顷刻倒塌。</li>
				<li>枪打出头鸟，罗柏这一步无疑是走上了不归路。</li>
				<center><img src="https://images.gitee.com/uploads/images/2019/0104/233728_9fcf5ff4_1922090.jpeg" img align="value" /></center>
				<P>  </P>
				<li>罗柏的实力我们有目共睹，打仗他并不逊于父亲艾德。可是，形势却完全不同，艾德他是临冬城公爵，劳勃的大将；罗柏却是北境之王。罗柏可以强绝七大王国，却不懂得治理，不知道如何实施怀柔政策。艾德有王者之气概，当一个大将绰绰有余；罗柏有大将之才，但做为一方之主却显得力不从心。拆东墙补西墙的无奈之举，使军心涣散；作战没有休养生息，导致军民疲惫。“我每仗必胜，却赢不了这场战争。”罗柏让我想到了西楚霸王项羽，悲剧就这样重复着。罗柏自己的话正是他军旅生活的写照。</li>
				<li>罗柏的死，书中早有伏笔，可我没想到指的是他。“六狼一体，五狼残存，分隔天涯，互不联络。”瑞肯，布兰，艾莉亚，珊莎，琼恩，他们都在惊险的环境中度过，苟活于黑暗的现实中。他们无助，却死里逃生，宿命降临到罗柏的身上，死的是他！</li>
				<center><img src="https://images.gitee.com/uploads/images/2019/0104/233756_0678cdfb_1922090.jpeg" align="middle" /></center>
				<P>  </P>
				<li>罗柏遗传了狼的凶狠，可是到死，他也不是狼灵，对灰风的不信任直接导致了死亡。红色的婚礼，是血染红了护城河的水，是血染红了孪河城的墙，染红了婚礼的帷幕。罗柏可以正面打败詹姆，却输给了九十多岁的老头。罗柏怎么会是他们的对手？年轻人比的是刀枪武力的强弱，老年人比的是一生积累下来的经验，比的是头脑。当上北境之王，罗柏必须树立自己的威信，拥有自己的冷酷。他刚愎自用，不听忠告，赏罚不明，逞一时之威风，面对一生都在沙场打滚的泰温公爵与瓦德·佛雷，他少了头脑。</li>
				<li>长夜黑暗，处处险恶。在黑暗中的罗柏变得寂寞，为了简妮，他背叛了自己的诺言。爱江山更爱美人，但至少要先打下属于自己的江山，罗柏没有。人人都必须履行自己的职责，罗柏也没有。这幼稚的表现足以致命，以至瓦德·佛雷会冒天下之大不讳，在自己的领地砍下客人的头。罗柏和他的狼灰风，续演着艾德的悲剧，又一个成为了政治的牺牲品。在权利的游戏中，罗柏不知道规则是什么！罗柏与灰风属于沙场，他们是何等的威风，独当一面。可是当虎落平阳，龙游浅滩时，可以撕裂人的喉咙的灰风，却敌不过人的野心。</li>
				<center><img src="https://images.gitee.com/uploads/images/2019/0104/233908_9352fa96_1922090.jpeg" align="middle" /></center>
				<P>  </P>
				<li>当临冬城被席恩·葛雷乔伊占领，被席恩用火烧地只剩下冰冷的城墙，那时的北境之王已经输的一塌糊涂。可罗柏毕竟辉煌过，一次次的战争或许也会像三叉戟河之战一样，留在人们的记忆中。却不知“北境之王万岁”在他们的心中会有多少印象，是深刻还是如流星般一闪而过？这声音还能在七大王国响彻多久？琼恩已是守夜人，布兰是残废而且年纪还小，瑞肯则更不必细说了。狼已是分隔天涯，互不联络。临冬城或许要让复仇的凯特琳来支撑了。不过我在希冀，因为灰风的头缝在了罗柏的颈上，这也许会是奇迹。</li>
			    <li>死寂孕育着生机。一片黯淡的临冬城相信经得起考验，会带来先的高潮，当初听到“北境之王万岁”而沸腾的热血，早已经在红色婚礼的大雨中冷却，随着河流到了其他地方。不知何时，才能再让我感动？“北境之王万岁”，我等待这声音重临七大王国，重临临冬城的上空。</li>
			    <center><img src="https://images.gitee.com/uploads/images/2019/0104/233925_b3545987_1922090.jpeg"/> <img align="value" /></center>
				<P>  </P>
			</ol>
		</div>
		<style>* {
	box-sizing: border-box;
}

body {
	background:#F6F6F6 url(https://images.gitee.com/uploads/images/2019/0104/232913_1b439d8c_1922090.jpeg);
	background-size:100%;
	padding: 1rem .5rem;
	font-size: 1.3rem;
	line-height: 1.2;
	max-width: 60rem;
	margin: 0 auto;
	color: 	#719567;
}

img {
	max-width: 100%;
}

.Header {
	text-align: center;
	border-bottom: 8px double #f9f9f9;
	margin-bottom: 2rem;
	padding-bottom: 1rem;
}

.Strap {
	font-size: 3rem;
}


.MoneyShot {
	position: relative;
}

.MoneyShotImg {
	border: 6px solid #b4e9b9;
	border-radius: 4px;
}

.LogoWrapper {
	display: block;
}

.ImageCaption {
	font-size: .75rem;
	position: absolute;
	bottom: .5rem;
	right: 1rem;
}

.IntroText {
	font-size: 2rem;
	font-style: italic;
}

.MethodWrapper li {
	padding: .4rem 0;
}

.MethodWrapper li:after {
	content: "鉁?;
	display: block;
	text-align: center;
	margin: 1rem 0 .5rem 0;
	color: #eee;
}

@media screen and (min-width: 50rem) {
	body {
		border-left: 4px solid #f9f9f9;
		border-right: 4px solid #f9f9f9;
		padding: 1rem 2rem;
	}

	.IntroWrapper {
		display: table;
		table-layout: fixed;
		width: 100%;
	}

	.MoneyShot,
	.IntroText {
		display: table-cell;
		width: 50%;
		vertical-align: middle;
		text-align: center;
	}

	.IntroText {
		padding: .5rem;
		font-size: 2.5rem;
		text-align: middle;
		position: relative;
		
	}

	.Ingredients {
		font-size: 1.2rem;
		float: middle;
		padding: 1rem;
		margin: 0 0 .5rem 1rem;
		border-radius: 3px;
		background-color: #2F4F4F;
		border: px solid #2F4F4F;
		background-color:rgba(0,0,0,0.5)
	}

	.Ingredients h3 {
		margin: 0;
	}
}
</style>
	</body>
</html>

